@import "reset.less";

body {
	text-align:center;
}

@base-color:#333;
@base-width:960px;

@header-height:30px;
.header {
	position:absolute;
	left:0;top:0;right:0;
	height:@header-height;
	line-height:@header-height;
	background-color:#EAEAEA;
	text-align:center;
	
	.content {
		margin:0 auto;
		width:@base-width;
		
		.left, .right {
			display:inline-block;
			width:50%;
		}
		.left {
			text-align:left;
		}
		.right {
			text-align:right;
		}
	}
}

.body {
	margin:@header-height auto 0 auto;
	width:@base-width;
}

@social-height:130px;
@social-img-size:100px;
.social {
	margin:0 auto;
	width:@base-width;
	height:@social-height;
	border-top:1px solid #333333;
	text-align:center;
	.item {
		display:inline-block;
		img {
			width:@social-img-size;
			height:@social-img-size;
		}
		.info {
			height:@social-height - @social-img-size;
		}
	}
}

@footer-height:30px;
.footer {
	margin:0 auto;
	width:@base-width;
	height:@footer-height;
	line-height:@footer-height;
	background-color:#EAEAEA;
	text-align:center;
}

@banner-height:100px;
@banner-logo-width:300px;
@banner-search-width:360px;
@banner-phone-width:300px;

.banner {
	width:@base-width;
	height:@banner-height;
	line-height:@banner-height;
	border-bottom:1px solid #333333;
	.logo, .search, .phone {
		display:inline-block;
	}
	.logo {
		width:@banner-logo-width;
	}
	.search {
		width:@banner-search-width;
	}
	.phone {
		width:@banner-phone-width;
	}
}

@nav-height:30px;
.nav {
	height:@nav-height;
	line-height:@nav-height;
	text-align:center;
	.item {
		width:110px;
		display:inline-block;
		a {
			display:block;
			text-decoration:none;
			color:@base-color;
		}
	}
}

.entrance {
	width:@base-width;
	height:@base-width / 2;
	
	.employer, .supporter {
		width:@base-width / 2;
		height:@base-width / 2;
		line-height:@base-width / 2;
		display:inline-block;
		text-align:center;
	}
}

@search-bar-height:50px;
.search-bar {
	height:@search-bar-height;
	line-height:@search-bar-height;
	text-align:left;
	.item {
		display:inline-block;
		padding:0 10px;
	}
	border-bottom:1px solid @base-color;
}

@resulet-list-item-width:@base-width / 2 - 20;
@resulet-list-item-height:100px;
.resulet-list {
	.item {
		display:inline-block;
		width:@resulet-list-item-width;
		height:@resulet-list-item-height;
		line-height:@resulet-list-item-height;
		margin:10px;
		background-color:#FFFFFF;
		box-shadow: 0 0 3px #000000;
		border-radius:3px;
		text-align:left;
		.photo {
			display:inline-block;
			width:@resulet-list-item-height - 6;
			height:@resulet-list-item-height - 6;
			border:1px solid @base-color;
			margin:2px;
		}
		
	}
}